$(document).ready(function(){
    var totWidth=0;
    var positions = new Array();

    $('#slides .slide').each(function(i){
        positions[i]= totWidth;
        totWidth += $(this).width();
    });
 
    $('#slides').width(totWidth);
  
    $('.dot-nav ul li a').click(function(e){
        alert("hello");
        $('.dot-nav ul li a.act').removeClass('act');
        $(this).addClass('act');
	 
        var pos = $(this).parent().prevAll('.menuItem').length;
	 
        $('#slides').stop().animate({marginLeft:-positions[pos]+'px'},450);	 
        e.preventDefault();
    });
 
    $('dot-nav ul li.menuItem:first').addClass('act').siblings().removeClass('act');
});